<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../lib/css/swiper.min.css">
    <link rel="stylesheet" href="../../lib/css/animate.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">

</head>

<body>
    <div class="app-wrap" v-cloak id="login">
        <div class="login_top container ptb-22">
            <div class="login_top-left">
                <a class="login_top-left-logo" href="http://www.juyihome.com/"><img src="../../img/logo.png" title="聚衣商城"></a>
                <h1>欢迎登录</h1>
            </div>
        </div>
        <div class="login-bg">
            <div class="login container">
                <div class="login-con">
                    <!-- 账户登录 -->
                    <div class="login-con-sub" v-show="loginshow==0">
                        <h1>账户登录</h1>
                        <div class="login-con-sub-input">
                            <i class="icon-login_tel"></i>
                            <input name="name" placeholder="请输入手机号码" v-model="loginUser.loginName">
                        </div>
                        <div class="login-con-sub-input">
                            <i class="icon-login_pwd"></i>
                            <input name="pwd" type="password" placeholder="请输入密码" v-model="loginUser.loginPassword" @keyup.enter="loginButton">
                        </div>
                        <button @click="loginButton">登 录</button>
                        <div class="login-con-sub-a">
                            <a >忘记密码</a>
                            <a href="registration.html">立即注册</a>
                        </div>
                    </div>
                    <!-- 微信扫码登录 -->
                    <div class="login-con-wei" v-show="loginshow==1">
                        <h1>微信登录</h1>
                        <div class="login-con-wei-img"><img src="https://dummyimage.com/147x147/79b0f2"></div>
                        <h2>请使用微信扫描二维码登录</h2>
                        <h3 @click="clickloginshow(0)">返回账号登录</h3>
                    </div>
                    <div class="login-con-foot">
                        <div class="login-con-foot-col">
                            <i class="icon-login_qq"></i>
                            <p>QQ</p>
                        </div>
                        <div class="login-con-foot-col" @click="clickloginshow(1)">
                            <i class="icon-login_weixin"></i>
                            <p>微信</p>
                        </div>
                        <div class="login-con-foot-col">
                            <i class="icon-login_weibo"></i>
                            <p>微博</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <div class="login_footer container mt-30">
            <ul>
                <li><a href="#">关于我们</a></li>
                <li>|</li>
                <li><a href="#">联系我们</a></li>
                <li>|</li>
                <li><a href="#">人才招聘</a></li>
                <li>|</li>
                <li><a href="#">商家入驻</a></li>
                <li>|</li>
                <li><a href="#">广告服务</a></li>
                <li>|</li>
                <li><a href="#">手机聚衣</a></li>
                <li>|</li>
                <li><a href="#">聚衣社区</a></li>
                <li>|</li>
                <li><a href="#">聚衣公益</a></li>
            </ul>
            <p>Copyright 江苏聚衣网络科技有限公司 苏ICP备17069327号-1</p>
        </div>
    </div>

    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <script src="../../lib/js/swiper.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="../../lib/js/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        login();
    </script>
</body>

</html>